<template>
    <layout-apge>
        <!-- 初始化页面 -->
        <init-page v-if="pageStatus === 'init'" :navBarShowLeft="false" navBarTitle="Demo Page"></init-page>
        <!-- 空页面 -->
        <empty-page v-else-if="pageStatus === 'empty'" :navBarShowLeft="false" navBarTitle="Demo Page"></empty-page>
        <!-- 错误页面 -->
        <error-page v-else-if="pageStatus === 'error'" :navBarShowLeft="false" navBarTitle="Demo Page"></error-page>
        <!-- normal 页面 -->
        <view v-else> Demo Page </view>
    </layout-apge>
</template>

<script>
export default {
    data() {
        return {
            pageStatus: 'init' // 页面状态  init：初始化 ，empty：空页面，error：错误页面 ，normal：正常页面
        };
    },
    created() {
        setTimeout(() => {
            this.pageStatus = 'normal';
        }, 1500);
    },
    methods: {}
};
</script>

<style lang="scss" scoped></style>
